<%@page import="interview1.InterView"%>
<%@page import="interview1.InterViewVo"%>
<%@page import="status.StatusVo"%>
<%@page import="java.util.Vector"%>
<%@page import="status.Status"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>무제 문서</title>
<style type="text/css">
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css); /* "Hanna" */
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css); /* "KoPub Batang" */

#hhr{
margin-left: 40px;

}

.ting{
              height :30px;
              font-size: 16px;  
              font-family: "KoPub Batang";
              padding-top: 7px;
              
         }

#re{
 margin-top:10px;
 margin-left:40px;
 position:relative;
 width:200px;
 height:275px;
 display: inline-block;
}
#te1{
 width:200px;
 height:240px;
 position: relative;
 background-image:url(./images/resume1.png);
 background-size: 100% 100%;
}
#tec{
 margin-top:12px;
 text-align:center;
 position: relative;
 width:200px;
 height:30px;
 font-family: "Hanna";
 font-size:23px;
}
#te2{
 background-image:url(./images/resume2.png);
 background-size: 100% 100%;
 position:relative;
 width:200px;
 height:240px;
}
#te3{
 background-image:url(./images/resume2.png);
 background-size: 100% 100%;
 position:relative;
 width:200px;
 height:240px;
}
#te4{
 background-image:url(./images/resume2.png);
 background-size: 100% 100%;
 position:relative;
 width:200px;
 height:240px;
}
#apDiv0 {
   border:2px solid #0fce84;
   position:relative;
   width:1000px;
   height:40px;
   font-family: "Hanna";
   color:#ffffff;
   text-align:center;
   font-weight:normal;
   font-size:33px;
   color:#0fce84;
   border-top-right-radius:20px;
   border-top-left-radius:20px;
   border-bottom-left-radius:20px;
   border-bottom-right-radius:20px;
   margin-top: 50px;
} 
#apN1{
    margin-top:50px;
    color:#faa719;
    font-size : 30px;
    font-family: "Hanna";
    width:800px;
	height:40px;
	position:relative;

}
#apDiv1 {
    border-top-right-radius:20px;
    vertical-align:top;
    border:1px solid #E6E6E6;
	position:relative;
	width:1000px;
	height:300px;
	margin-bottom: 50px;
}
#apN2{
    margin-top:20px;
    color:#faa719;
    font-size : 30px;
    font-family: "Hanna";
    width:1000px;
	height:40px;
	position:relative;

}
#apDiv2 {
    border-top-right-radius:20px;
    border:1px solid #E6E6E6;
	position:relative;
	width:1000px;;
	height:300px;
	margin-bottom: 50px;
}
#apN3{
    margin-top:20px;
    color:#faa719;
    font-size : 30px;
    font-family: "Hanna";
    width:1000px;
	height:40px;
	position:relative;

}
#apDiv3 {
    border-top-right-radius:20px;
    border:1px solid #E6E6E6;
	position:relative;
	width:1000px;
	height:200px;
	padding-top:20px;
	margin-bottom: 50px;
}
#apN4{
    margin-top:20px;
    color:#faa719;
    font-size : 30px;
    font-family: "Hanna";
    width:1000px;
	height:40px;
	position:relative;
}
#apDiv4 {
	position:relative;
	width:1000px;
	height:300px;
	margin-bottom: 50px;
}
#apN5{
    margin-top:210px;
    color:#faa719;
    font-size : 30px;
    font-family: "Hanna";
    width:1000px;
	height:40px;
	position:relative;
}
#apDiv5 {
    border-top-right-radius:20px;
    border:1px solid #E6E6E6;	
    position:relative;
	width:1000px;
	height:300px;
	margin-bottom: 50px;
}
#apDiv6 {	
    border-top-right-radius:20px;
    border:1px solid #aaaaaa;
    position:relative;
	width:1000px;
	height:300px;
	margin-bottom: 50px;
}
#bl{
    width:1000px;
	height:20px;
    position:relative;
}
#menu{
    border : 3px solid #0fce84; 
    width:195px;
	height:220px;
    position:relative;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    font-family: "Hanna";
    margin-left: 1020px;
    margin-top: 170px;
}
#le{
    border : 3px solid #0fce84;
    font-size:30px;
    text-align: left;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}
#mn{
    font-size: 18px;

}

a:link{
	text-decoration: none;
}
#mm{
text-align:center;       
width: 900px;
height:10px; 
margin-left: 50px;
}

#company2{
margin-top:1px;
margin-left:1px;
width:150px;
float:left;
}
#subject2{
margin-top:1px;
margin-left:1px;
 width: 300px;
 float:left;
 color: #0fce84;
}

#date2{
margin-top:1px;
margin-left:1px;
width:110px;
float:left;
 white-space: nowrap;
overflow:hidden;
}


</style>
<link rel='stylesheet' href="./interview/interview.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
	$(window).scroll(function() {
		if($(this).scrollTop() > -100){
			$("#menu").css({ "position": "fixed", "top": "0px" });
		}else{
			$("#menu").css({ "position": "absolute", "top": "12px" });
		}
	});
});

function btn_view(serial){
	location.href="index.jsp?inc_contents=./interview/interview_view.jsp&serial=" + serial;
}
</script>
</head>

<body>
<jsp:useBean id="vo" class='status.StatusVo'></jsp:useBean>
<jsp:setProperty property="*" name="vo"/>
<jsp:useBean id="interVo" class="interview1.InterViewVo"/>
<jsp:setProperty property="*" name="interVo"/>
<%
	Status g = new Status();
g.setVo(vo);
Vector<StatusVo> v = g.list();
%>
<%
InterView view = new InterView();
view.setVo(interVo);
view.setNowPage(interVo.getNowPage());

Vector<InterViewVo> vo2 = view.list();	
%>

<div id='apDiv0'>Jobs Center
</div>

<div id='content'>
	<div id='apN1'>✦ IT 이력서 & 자소서 양식	</div>
	
	<div id="apDiv1">
		<div id='re'>
			<a href="./file/resu.doc"> <div id='te1'> </div> <div id="tec">이력서1 Down</div></a>
		</div>
	
		<div id='re'>
			<a href="./file/resu.doc"> <div id='te2'> </div> <div id="tec">이력서2 Down</div></a>
		</div>
		<div id='re'><a href="./file/resu.doc">
			<div id='te3'></div>
			<div id="tec">자소서1 Down</div></a>
		</div>
		<div id='re'><a href="./file/resu.doc">
			<div id='te4'></div>
			<div id="tec">자소서2 Down</div></a>
		</div>

  <p>&nbsp;</p>
	</div>
</div>

<div id='apN3'>✦ 기업체 인터뷰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href='index.jsp?inc_contents=interview_list.jsp'>게시판 바로가기</a>
</div>

<div id="apDiv3">
  
			<div id="interview_title">
				<div id="inter_title_serial">번호</div>
				<div id="inter_title_mid">아이디</div>
				<div id="inter_title_subject">제목</div>
				<div id="inter_title_mdate">등록일</div>
			<%
			for (int i=0; i<vo2.size(); i++){
				InterViewVo vo1 = vo2.get(i);
				%>		
				<div id="li_serial"><%=vo1.getSerial()%></div>
				<div id="li_mid"><%=vo1.getMid()%></div>
				<div id="li_subject"><a href="#" onclick="btn_view(<%=vo1.getSerial()%>)"><%=vo1.getSubject()%></a></div>
				<div id="li_mdate"><%=vo1.getMdate()%></div>
				<%}%>
			</div>

</div>


<div id='apN4'>✦ 멘토 소개 </div>

<div id="apDiv4">
  <jsp:include page="./mento/mento.jsp"/>
</div>


<div id='apN5'>✦ 취업 현황 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href='index.jsp?inc_contents=./status/status.jsp'>게시판 바로가기</a>
</div>

<div id="apDiv5" style='width: 1000px'>
  <p/>
	        
     <div style='padding-top: 17px;'>          
	<%
	int t=0;
	if(v.size()<10){ t=v.size(); }
	else{t=10;	}
	
	int cnt=0;
	for(int i=0;i<t;i++){
		   StatusVo gv = v.get(i);
	%>	      
       
            <div style="position: relative; margin-left: 40px;" id='company2' class='ting' align="left" ><li><%=gv.getCompany()%></div>
            <div style="position: relative; color: #0fce84;" id='subject2' class='ting' align="left"><a href='index.jsp?inc_contents=./status/view.jsp&serial=<%=gv.getSerial()%>'><%=gv.getSubject()%></a></div>
            
  	   
        <%cnt++; %>  
  	     <%if(cnt%2==0){ %>
            　<hr id='hhr' align="left" width="880px" color="orange" noshade="noshade" size='0.01px'/>
	<%} } %>
	     
	     </div>
	     </div>  
  
<fieldset id='menu'>
       <legend id='le'>Menu</legend>
       <ul id='mn'>
       <li><a href='#apN1'>it resume<br/> & cover letter</a></li><br/>
       <li><a href='#apN3'>business interview</a></li><br/>
       <li><a href='#apN4'>mentor introduce</a></li><br/>
       <li><a href='#apN5'>Job Situations</a></li><br/>
       
       </ul>
</fieldset>
</body>
</html>
